{% set overviews_url = user.username %}
{% set repo_url = user.username + "?tab=repositories" %}
{% if pageTab === "repo" %}
    {% set repo_active = 'aria-current="page"' %}
{% else %}
    {% set overviews_active = 'aria-current="page"' %}
{% endif %}

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Document</title>
        <link rel="stylesheet" href="{{ROOT}}assets/css/ui.css"/>
        <link rel="stylesheet" href="{{ROOT}}assets/css/public.css"/>
        <script src="{{ROOT}}assets/js/jquery.min.js"></script>
        <link rel="shortcut icon" href="http://www.tsdy.club/ap.jpg" type="image/x-icon">
        <style>
            * {
                padding: 0;
                margin: 0;
            }
        </style>
    </head>

    <body class="position-relative">
        {% include "public/header.njk" %}
        <nav class="UnderlineNav mt-3 position-relative position-md-sticky top-0 " aria-label="Foo bar">
            <div class="Layout">
                <div class="Layout-main">
                    <div class="UnderlineNav-body">
                        <a class="UnderlineNav-item" href="{{ overviews_url }}" {{ overviews_active }}>
                            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16"
                            data-view-component="true" class="octicon octicon-book UnderlineNav-octicon hide-sm">
                                <path fill-rule="evenodd"
                                d="M0 1.75A.75.75 0 01.75 1h4.253c1.227 0 2.317.59 3 1.501A3.744 3.744 0 0111.006 1h4.245a.75.75 0 01.75.75v10.5a.75.75 0 01-.75.75h-4.507a2.25 2.25 0 00-1.591.659l-.622.621a.75.75 0 01-1.06 0l-.622-.621A2.25 2.25 0 005.258 13H.75a.75.75 0 01-.75-.75V1.75zm8.755 3a2.25 2.25 0 012.25-2.25H14.5v9h-3.757c-.71 0-1.4.201-1.992.572l.004-7.322zm-1.504 7.324l.004-5.073-.002-2.253A2.25 2.25 0 005.003 2.5H1.5v9h3.757a3.75 3.75 0 011.994.574z"></path>
                            </svg>
                            <span>Overview</span>
                        </a>
                        <a class="UnderlineNav-item" href="{{ repo_url }}" {{ repo_active }}>
                            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16"
                            data-view-component="true" class="octicon octicon-repo UnderlineNav-octicon hide-sm">
                                <path fill-rule="evenodd"
                                d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path>
                            </svg>
                            <span>Repositories</span>
                            <span class="Counter">{{ repos.length }}</span>
                        </a>
                    </div>
                </div>

                <div class="Layout-sidebar"></div>
            </div>
        </nav>

        <div class="Layout container-xl px-md-4 px-lg-5">
            {% include "profile/main.njk" %}
            {% include "profile/side.njk" %}
        </div>
        {% include "public/footer.njk" %}
    </body>

</html>